// 集印 打单 状态组件
<template>

<div class="single-status" >
    <i class="icon iconfont" :class='iconConf.icon' :style='iconConf.style'></i>
    {{type}}
</div>

</template>

<script lang='ts'>
import {Component, Prop, Vue} from 'vue-property-decorator'
import { getIconConf, transitionKey } from '@/components/ivew_conf/single_status'

interface getIconConf {
    (string):string
}

@Component({})
export default class singleStatus extends Vue{
    name:string = 'single-status'

    @Prop({
        default: '待分配'
    })

    type:string

    getIconConf:getIconConf = getIconConf

    // icon配置
    get iconConf(){
        return this.getIconConf(this.type)
    }
    
}

</script>

<style scoped lang='scss'>


.icon.icon-collection_fill{
    color: $warning_color;
}

</style>